

<!-- 签到成功 -->
<template>
	<view class="content">
		
		<!-- header部分 -->
		<!-- #ifdef APP-PLUS || H5 -->
		<view class='header-Container header-height'>
			<navHeader colorTheme="white">
			</navHeader>
		</view>
		<!-- #endif -->
		
		<!-- #ifdef MP-WEIXIN -->
		<image :src="icon.return" class="return" @tap="back"></image>
		<!-- #endif -->
		
		<view class="b-g">
			<image :src="icon.signBg" mode=""></image>
		</view>
		
		<view class="msg">
			<view class="detail">恭喜获得<text>{{point}}</text>积分</view>
			<button class="get-btn" @tap="toGet()">兑换积分商品</button>
			<button class="draw-btn" @tap="gotoLuckPage()">幸运转盘抽奖</button>
		</view>
	</view>
</template>

<script>
import navHeader from '@/components/nav-header/nav-header';
export default {
	components: {
		navHeader
	},
	data() {
		return {
			icon: {
				return: '/static/images/common/return-white.png',
				signBg: '/pagesAccount/static/images/sign/bg.png'
			},
			point:''
		};
	},
	onLoad(option) {
		
		this.point = option.point
	},
	methods: {
		back(){
			uni.navigateBack({
				deltail: '1'
			})
		},
		gotoLuckPage(){
			uni.navigateTo({
				url: '/pagesAccount/signIn/luck'
			});
		},
		toGet(){
			uni.redirectTo({
				url: '/pagesGoods/specialArea/integralArea'
			});
		}
	}
};
</script>

<style lang="less">
page {
	background: #f5f5f5;
}

.header-Container {
	position: fixed; 
	top: 0; 
	width: 100%;
}

.b-g {
	position: relative;
	width: 100%;
	height: 627rpx;
	background-size: cover;
	
	image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}	
.return {
	z-index: 999;
	position: fixed;
	top: 0;
	width: 44rpx;
	height: 44rpx;
	margin-left: 30rpx;
	/* #ifdef MP-WEIXIN */
	margin-top: calc(var(--status-bar-height) + 11rpx);
	/* #endif */
}
.msg{
	width: 690rpx;
	height: 570rpx;
	background: white;
	border-radius: 16rpx;
	margin-left: 29rpx;
	position: relative;
	bottom: 72rpx;
}
.detail{
	font-size: 36rpx;
	color: #3f3f3f;
	padding-top: 106rpx;
	width: 100%;
	text-align: center;
	text{
		font-size: 46rpx;
		color: #FE4906;
		font-weight: bold;
	}
}
.get-btn {
	z-index: 95;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 500rpx;
	height: 80rpx;
	font-size: 28rpx;
	color: #fff;
	background: linear-gradient(135deg, rgba(210, 23, 40, 1) 0%, rgba(209, 4, 152, 1) 100%);
	border-radius: 40rpx;
	margin-top: 112rpx;
}
.draw-btn{
	z-index: 95;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 500rpx;
	height: 80rpx;
	font-size: 28rpx;
	color: #fff;
	background: linear-gradient(135deg, #FF9C00, #FF7E00);
	border-radius: 40rpx;
	margin-top: 54rpx;
}
</style>



